<template>
  <div class="bg" ref="ActiveYear0">

    <LImage class="img-bg" :src="Config.img('2201_bg.png')"></LImage>
    <div class="allab">
      <LImage class="img-logo" v-if="data" :src="Config.img('2201_page0_moon.png')"></LImage>
    </div>
    <LImage class="img-spot-left" :src="Config.img('2201_left_spot.png')"></LImage>
    <LImage class="img-spot-right" :src="Config.img('2201_right_spot.png')"></LImage>

    <LImage class="img-text" :src="Config.img('2201_page0_text.png')"></LImage>


    <div class="all"></div>
    <div v-if="data" class="but" @stopPropagation="stopPropagation" @click="otClick">
      <text class="font44 text1">{{'立即查看'}}</text>
    </div>
  </div>
</template>

<style src="@/_css/style.css" ></style>
<style scoped>
  .bg {
    flex: 1;
    align-items: center;
  }
  .allab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
  }

  .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .img-logo {
    width: 750px;
    height: 832px;
  }
  .img-loading {
    position: absolute;
    width: 700px;
    height: 596px;
  }
  .img-spot-left {
    position: absolute;
    width: 88px;
    height: 93px;
    bottom: 100;
    left: 10
  }
  .img-spot-right {
    position: absolute;
    width: 147px;
    height: 155px;
    bottom: 0;
    right: 0;
  }
  .img-text {
    height: 268px;
    width: 615px;
    margin-top: 94px;
  }
  .but {
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to top, #DE8235, #FFEA5F);
    width: 484px;
    height: 100px;
    border-radius: 50px;
    margin-bottom: 120px;
  }
</style>

<script>

//功能
import jconfig from "@/_js/config"; 

export default {
  props:{
    data:{
      type:Object,
      default:undefined,
    },
  },

  data() {
    return {
      Config: jconfig,
    }
  },

  mounted(){
  },

  methods:{
    
    /******************** 手势*/
    stopPropagation(){
      return true;
    },

    /******************** 按钮*/
    //查看
    otClick() {
      this.$emit("ot", this.$refs.ActiveYear0, 1);
    },
  }
}
</script>
